- 01-03 – 移动网站速度优化技巧
第一部分 – 第03章
移动网站加载速度缓慢的原因
移动网站页面加载缓慢的主要原因包括以下几种：
网站服务器
网站服务器（比如软件）默认情况下运行缓慢，或者尚未针对加载速度最大化进行合适的配置。
虚拟主机解决方案
移动网站被托管于一个相对缓慢的虚拟主机解决方案（或硬件）中，或者这个网站流量非常高，经常超出虚拟主机可处理的流量水平。
网站浏览器缓存
移动网站尚未被配置使用网站浏览器缓存。
文件大小
移动网站页面要求下载资源，且这些资源的文件大小加起来过大了 。
HTTP请求
移动网站页面要求下载过多的资源，比如图片、视频、CSS和JavaScript文件等，这导致过多的http请求。
DNS查询
移动网站页面要求从过多的不同主机名处下载各种资源，比如图片、视频、CSS和JavaScript文件等。这会增加DNS查询次数，并使网页加载变慢。
总体连接速度缓慢
一些有意或者无意的设置，比如过多的重定向、无效的请求等，会大大减慢页面加载速度。
内容分发网络（CDN）
移动网站的用户大部分来自于面积极大的国家（或者横跨非常大的地理位置，比如中国），但却没有使用内容分发网络。
网络自身速度缓慢
网站服务器与请求移动网站页面的用户（比如网站浏览器）之间网络连接较慢。
提升加载速度的技巧
虽然无法解决所有的问题 ，但是你可以通过应用相应的技巧优化移动网站的加载速度。优化的技巧包括以下几种：
- 网站服务器优化
- 虚拟主机升级
- 部署浏览器缓存
- 启用文件压缩
- 缩小CSS和JavaScript文件
- 合并多个CSS文件
- 合并多个JavaScript文件
- 部署内嵌CSS
- 部署内嵌JavaScript
- 部署内嵌图片
- 部署CSS精灵
- 减少DNS查询
- 优化CSS和JavaScript的加载顺序
- 避免CSS @Import
- 修复损坏的HTTP请求
- 避免重定向
- 部署内容分发网络（CDN）
小结：原因及对策
将应对技巧与原因进行匹配的结果如下：
| 原因 | 应对技巧 |
|---|---|
| 网站服务器缓慢 | 优化网站服务器 |
| 虚拟主机运行缓慢 | 虚拟主机解决方案升级 |
| 没有启动浏览器缓存 | 部署网站浏览器缓存 |
| 大型文件 | 启用文件压缩, 缩小CSS和JavaScript文件 |
| http请求过多 | 合并多个CSS文件，合并多个JavaScript文件，部署内嵌CSS，部署内嵌JavaScript，部署内嵌图片，部署CSS精灵 |
| DNS查询过多 | 减少DNS查询 |
| 总体连接速度缓慢 | 优化CSS和JavaScript的加载顺序，避免CSS @Import，避免HTML元素中的CSS属性，修复损坏的HTTP请求，避免重定向 |
| 没有使用CDN | 部署CDN |
| 网络自身速度缓慢 | 无 |
谷歌加速移动网页
Google加速移动网页（AMP）是Google支持的开源项目，它使你可以为静态内容构建网站页面，且这些静态内容渲染更快 。AMP由3个主要部分构成：
- AMP HTML
- AMP JS
- Google AMP缓存（Cache）
- 上一章：网页加载速度测试工具
- 下一章：网站服务器优化
移动网站性能技术白皮书在2017年3月正式出版。
英文版：Mobile Website Speed Optimization Techniques – 繁体中文版：移动网站速度优化技巧
移动网站性能技术白皮书上的内容按下列许可协议发布： CC Attribution-Noncommercial 4.0 International
